<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./axios.min.js"></script>
</head>

<body>

    <script>
        // 为给定 ID 的 user 创建请求
        axios.get('http://www.liulongbin.top:3006/api/cmtlist')
            .then(function (response) {
                console.log(response.data.data);
            })
            .catch(function (error) {
                console.log(error);
            });




        // 参数比较少
        axios.get('http://www.liulongbin.top:3006/api/news?id=123').then(function (result) {
            console.log(result.data.data)
        })


        // 上面的请求也可以这样做
        // 参数比较多 以对象的形式
        axios.get('http://www.liulongbin.top:3006/api/news', {
            params: {
                id: 12345
            }
        })
            .then(function (response) {
                console.log(response.data.data);
            })
            .catch(function (error) {
                console.log(error);
            });

        // #3 axios delete 请求传参     传参的形式和 get 请求一样

        //  axios.delete() 和 axios.get() 完全一样


        //  post 请求     post 请求和put请求一样

        //   axios.post  (url,{配置参数})
        axios.post('http://www.liulongbin.top:3006/api/addcmt', {
            username: '地理热吧',
            content: '新疆美女  是你们的最爱吗????'
        }).then(res => {
            console.log(res.data);

        }).catch(err => {
            console.log(err);
        })


        var params = new URLSearchParams();
    params.append('username', '张三疯');
    params.append('content', '张三丰与张三疯是什么关系');
    // params.append('age', 101);
    axios.post('http://www.liulongbin.top:3006/api/addcmt', params).then(function(ret){
      console.log(ret.data)
    })

    </script>
</body>

</html>